<admintpl file="header" />
<style type="text/css">
	.pic-list li {
		margin-bottom: 5px;
	}
	.label-td {
		position: relative;
	}
	.label-td .label-container {
		float: left;
		width: 93%;
		overflow: hidden;
		white-space: nowrap;
	}
	.label-td .label-select {
		float: right;
		font-size: 18px;
		display: inline-block;
		position: relative;
		padding-top: 10px;
	}
	.label-td .label-select:hover {
		color: #5bc0de;
	}
	.label-td .label-container span {
		display: inline-block;
		width: 80px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #5bc0de;
		border-radius: 10px;
		text-align: center;
		margin-right: 10px;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
</style>
</head>
<body>
	<div class="wrap js-check-wrap">
		<ul class="nav nav-tabs">
			<li><a href="{:U('Activity/Adminactivity/lists')}">活动列表</a></li>
			<li class="active"><a href="">编辑活动</a></li>
		</ul>
		<form action="{:U('Activity/Adminactivity/edit')}" method="post" class="form-horizontal js-ajax-forms" enctype="multipart/form-data">
			<div class="row-fluid">
				<div class="span9">
					<table class="table table-bordered">
						<tr>
							<th>名称</th>
							<td>
								<input type="hidden" name="info[id]" value="{$info.id}">
								<input type="text" style="width: 400px;" name="info[name]" required value="{$info.name}" placeholder="请输入名称"/>
								<span class="form-required">*</span>
							</td>
						</tr>
						<tr>
							<th>标签</th>
							<td class="label-td">
								<div class="label-container">
									<input type="hidden" value="{$info['labels']}" name="info[labels]" id="labels">
									<volist name="info[label_names]" id="vo">
										<span class="label-name">{$vo}</span>
									</volist>
								</div>
								<div class="label-select">
									<span class="label-select-span">选择标签</span>
								</div>
							</td>
						</tr>
						<tr>
							<th>城市</th>
							<td>
								<div id="areaInfo" style="display: inline-block;">
									<input type="hidden" name="city_id">
								</div>
							</td>
						</tr>
						<tr>
							<th>活动形式</th>
							<td>
								<select name="info[act_form]">
									<option value="0">请选择活动形式</option>
									<volist name="form_types" id="vo">
										<option value="{$key}" {$key == $info['act_form'] ? 'selected' : ''}>{$vo}</option>
									</volist>
								</select>
							</td>
						</tr>
						<tr>
							<th>页面模板</th>
							<td>
								<select name="info[page_type]">
									<option value="0">请选择页面模板</option>
									<volist name="page_template" id="vo">
										<option value="{$key}" {$key == $info['page_type'] ? 'selected' : ''}>{$vo}</option>
									</volist>
								</select>
							</td>
						</tr>
						<tr>
							<th>活动分组</th>
							<td>
								<select name="info[activity_group_id]" style="width: 500px;">
									<option value="0">请选择活动分组</option>
									<volist name="group_lists" id="vo">
										<option value="{$vo.id}" {$vo['id'] == $info['activity_group_id'] ? 'selected' : ''}>{$vo.group_name}</option>
									</volist>
								</select>
								<span class="form-required">【相同分组的活动，详情页中有分组内活动的链接 （非必填）】</span>
							</td>
						</tr>
						<tr>
							<th>活动规模</th>
							<td>
								<input type="text" name="info[scale]" style="width: 400px" value="{$info.scale}" placeholder="请输入活动规模">
							</td>
						</tr>
						<tr>
							<th>详细地址</th>
							<td>
								<input type="text" name="info[location]" style="width: 400px" value="{$info.location}" placeholder="请输入详细地址">
							</td>
						</tr>
						<tr>
							<th>活动简介</th>
							<td>
								<textarea name="info[intro]" style="width: 98.5%;height: 70px;">{$info.intro}</textarea>
							</td>
						</tr>
						<tr>
							<th>时间</th>
							<td>
								<input type="text" name="info[start_time]" value="{$info.start_time}" class="js-datetime" style="width: 160px;"> ~
								<input type="text" name="info[end_time]" value="{$info.end_time}" class="js-datetime" style="width: 160px;">
							</td>
						</tr>
						<tr>
							<th>购票开始时间</th>
							<td>
								<input type="text" name="info[buy_ticket_time]" value="{$info.buy_ticket_time}" class="js-datetime" style="width: 160px;">
							</td>
						</tr>
						<tr>
							<th>退票截止时间</th>
							<td>
								<input type="text" name="info[refund_ticket_time]" value="{$info.refund_ticket_time}" class="js-datetime" style="width: 160px;">
							</td>
						</tr>
						<tr>
							<th>链接地址</th>
							<td>
								<input type="text" name="info[link_addr]" value="{$info.link_addr}" style="width: 400px">
								<span class="form-required">【活动结束后，如果有链接地址，就用该地址最为链接地址】</span>
							</td>
						</tr>
						<tr>
							<th>内容</th>
							<td>
								<script type="text/plain" id="content" name="info[content]">{$info.content}</script>
							</td>
						</tr>
					</table>
				</div>
				<div class="span3">
					<table class="table table-bordered">
						<tr>
							<td><b>缩略图</b></td>
						</tr>
						<tr>
							<td>
								<div style="text-align: center;">
									<input type="hidden" name="thumb[thumb]" id="thumb" value="{$info['thumb']['thumb']|default=''}">
									<a href="javascript:upload_one_image('图片上传','#thumb');">
										<if condition="empty($info['thumb']['thumb'])">
											<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="thumb-preview" width="135" style="cursor: hand"/>
										<else />
											<img src="{:sp_get_image_preview_url($info['thumb']['thumb'])}" id="thumb-preview" width="135" style="cursor: hand"/>
										</if>
									</a>
									<input type="button" class="btn btn-small" onclick="$('#thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#thumb').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
						<tr>
							<td><b>pc端页内头图</b></td>
						</tr>
						<tr>
							<td>
								<div style="text-align: center;">
									<input type="hidden" name="thumb[pc_page_thumb]" id="pc_page_thumb" value="{$info['thumb']['pc_page_thumb']|default=''}">
									<a href="javascript:upload_one_image('图片上传','#pc_page_thumb');">
										<if condition="empty($info['thumb']['pc_page_thumb'])">
											<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="pc_page_thumb-preview" width="135" style="cursor: hand"/>
											<else />
											<img src="{:sp_get_image_preview_url($info['thumb']['pc_page_thumb'])}" id="pc_page_thumb-preview" width="135" style="cursor: hand"/>
										</if>
									</a>
									<input type="button" class="btn btn-small" onclick="$('#pc_page_thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#pc_page_thumb').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
						<tr>
							<td><b>移动端页内头图</b></td>
						</tr>
						<tr>
							<td>
								<div style="text-align: center;">
									<input type="hidden" name="thumb[mb_page_thumb]" id="mb_page_thumb" value="{$info['thumb']['mb_page_thumb']|default=''}">
									<a href="javascript:upload_one_image('图片上传','#mb_page_thumb');">
										<if condition="empty($info['thumb']['mb_page_thumb'])">
											<img src="__TMPL__Public/assets/images/default-thumbnail.png" id="mb_page_thumb-preview" width="135" style="cursor: hand"/>
											<else />
											<img src="{:sp_get_image_preview_url($info['thumb']['mb_page_thumb'])}" id="mb_page_thumb-preview" width="135" style="cursor: hand"/>
										</if>
									</a>
									<input type="button" class="btn btn-small" onclick="$('#mb_page_thumb-preview').attr('src','__TMPL__Public/assets/images/default-thumbnail.png');$('#mb_page_thumb').val('');return false;" value="取消图片">
								</div>
							</td>
						</tr>
						<if condition="!empty($info['id'])">
							<tr>
								<th>票种管理</th>
							</tr>
							<tr>
								<td>
									<a href="{:U('Activity/Adminactivity/ticket_lists', ['act_id' => $info['id']])}">查看票种列表</a>
								</td>
							</tr>
							<tr>
								<th>邀请嘉宾</th>
							</tr>
							<tr>
								<td>
									<a href="{:U('Activity/Adminactivity/guest_lists', ['act_id' => $info['id']])}">查看邀请嘉宾</a>
								</td>
							</tr>
							<tr>
								<th>活动步骤</th>
							</tr>
							<tr>
								<td>
									<a href="{:U('Activity/Adminactivity/step_lists', ['act_id' => $info['id']])}">查看活动步骤</a>
								</td>
							</tr>
							<tr>
								<th>活动亮点</th>
							</tr>
							<tr>
								<td>
									<a href="{:U('Activity/Adminactivity/bright_lists', ['act_id' => $info['id']])}">查看活动亮点</a>
								</td>
							</tr>
							<tr>
								<th>主/协办单位</th>
							</tr>
							<tr>
								<td>
									<a href="{:U('Activity/Adminactivity/host_lists', ['act_id' => $info['id']])}">查看主/协办单位</a>
								</td>
							</tr>
						</if>
						<tr>
							<th>状态</th>
						</tr>
						<tr>
							<td>
								<label class="radio"><input type="radio" name="info[status]" value="0" {$info['status'] == 0 ? 'checked' : ''}>隐藏</label>
								<label class="radio"><input type="radio" name="info[status]" value="1" {$info['status'] == 1 ? 'checked' : ''}>显示</label>
							</td>
						</tr>
					</table>
				</div>
			</div>
			<div class="form-actions">
				<button class="btn btn-primary js-ajax-submit" type="submit">提交</button>
				<a class="btn" href="{:U('Activity/Adminactivity/lists')}">返回</a>
			</div>
		</form>
	</div>


	<script type="text/javascript" src="__PUBLIC__/js/common.js"></script>
	<script type="text/javascript">
		//编辑器路径定义
		var editorURL = GV.WEB_ROOT;
	</script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.config.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/ueditor/ueditor.all.min.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/layer/layer_1.js"></script>
	<script type="text/javascript" src="__PUBLIC__/js/notify.js"></script>
	<script src="__PUBLIC__/js/area.js"></script>
	<script>
        var area = {$area};
        area = eval(area);

        var areaPath = {$path ? $path : []};
        areaPath = eval(areaPath);

        $(function () {
            // 地址选择select的初始化
            initArea(2);
        })
	</script>
	<script>
		$(function() {
		    
		    $('.label-select-span').click(function () {
		        var has_labels = $('#labels').val();
                layer.open({
                    title: "选择标签",
                    type: 2,
                    area: ['70%', '70%'],
                    btn: ['确定', '取消'],
                    content: "{:U('Label/AdminIndex/select_label')}" + "&has_labels=" + has_labels,
                    yes:function (index, layerC) {
                        // 子窗口
                        var content 	= layerC.find("iframe")[0].contentWindow;
                        var labels 		= content.$('#has_labels').val();

                        $('#labels').val(labels);
                        $.get("{:U('Label/AdminIndex/get_label_name')}" + "&label_ids=" + labels, {}, function (data) {
							if (data.status) {
								$('.label-name').remove();
								var html = "";
								$.each(data.data, function (index, item) {
								    html += '<span class="label-name">';
								    html += item.name;
								    html += '</span>';
                                })
								$('.label-container').append(html);
							}
                        })

						layer.close(index);
                    }
                });
            });

			/////---------------------
			Wind.use('validate', 'ajaxForm', 'artDialog', function() {
				//javascript

				//编辑器
				editorcontent = new baidu.editor.ui.Editor();
				editorcontent.render('content');
				try {
					editorcontent.sync();
				} catch (err) {
				}
				//增加编辑器验证规则
				jQuery.validator.addMethod('editorcontent', function() {
					try {
						editorcontent.sync();
					} catch (err) {
					}
					;
					return editorcontent.hasContents();
				});
				var form = $('form.js-ajax-forms');
				//ie处理placeholder提交问题
				if ($.browser && $.browser.msie) {
					form.find('[placeholder]').each(function() {
						var input = $(this);
						if (input.val() == input.attr('placeholder')) {
							input.val('');
						}
					});
				}
				//表单验证开始
				form.validate({
					//是否在获取焦点时验证
					onfocusout : false,
					//是否在敲击键盘时验证
					onkeyup : false,
					//当鼠标掉级时验证
					onclick : false,
					//验证错误
					showErrors : function(errorMap, errorArr) {
						//errorMap {'name':'错误信息'}
						//errorArr [{'message':'错误信息',element:({})}]
						try {
							$(errorArr[0].element).focus();
							art.dialog({
								id : 'error',
								icon : 'error',
								lock : true,
								fixed : true,
								background : "#CCCCCC",
								opacity : 0,
								content : errorArr[0].message,
								cancelVal : '确定',
								cancel : function() {
									$(errorArr[0].element).focus();
								}
							});
						} catch (err) {
						}
					},
					//验证规则
					rules : {
						'info[name]' : {
							required : 1
						},
						'info[intro]' : {
                            required : 1
						},
						'info[start_time]' : {
                            required : 1
						},
                        'info[page_type]' : {
                            required : 1
                        },
						'info[act_form]' : {
                            required : 1
						}
					},
					//验证未通过提示消息
					messages : {
                        'info[name]' : {
							required : '请输入名称'
						},
						'info[intro]' : {
                            required : '请输入简介'
						},
                        'info[start_time]' : {
                            required : '请填写开始时间'
                        },
                        'info[page_type]' : {
                            required : '请填写活动详情页模板'
                        },
                        'info[act_form]' : {
                            required : '请填写活动形式'
                        }
					},
					//给未通过验证的元素加效果,闪烁等
					highlight : false,
					//是否在获取焦点时验证
					onfocusout : false,
					//验证通过，提交表单
					submitHandler : function(forms) {
						$(forms).ajaxSubmit({
							url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
							dataType : 'json',
							beforeSubmit : function(arr, $form, options) {
							},
							success : function(data, statusText, xhr, $form) {
								if (data.status) {
									setCookie("refersh_time", 1);
									//添加成功
									Wind.use("artDialog", function() {
										art.dialog({
											id : "succeed",
											icon : "succeed",
											fixed : true,
											lock : true,
											background : "#CCCCCC",
											opacity : 0,
											content : data.info,
											button : [ {
												name : '继续编辑？',
												callback : function() {
													reloadPage(window);
													return true;
												},
												focus : true
											}, {
												name : '返回列表页',
												callback : function() {
													location = "{:U('Activity/Adminactivity/lists')}";
													return true;
												}
											} ]
										});
									});
								} else {
									artdialog_alert(data.info);
								}
							}
						});
					}
				});
			});
		});
	</script>
</body>
</html>